$_primary: #3366ff;
$_success: #00d68f;
$_warning: #f4c05f;
$_danger: #ff3d71;
$_info: #bec8da;
$_bg-page: #151a30;
$_fill-shadow: 0 0 10px #13172d;

@use 'sass:color';
@forward 'element-plus/theme-chalk/src/dark/var.scss' with (
  $colors: (
    'primary': (
      'base': $_primary,
    ),
    'success': (
      'base': $_success,
    ),
    'warning': (
      'base': $_warning,
    ),
    'danger': (
      'base': $_danger,
    ),
    'error': (
      'base': $_danger,
    ),
    'info': (
      'base': $_info,
    ),
  ),
  $bg-color: (
    'page': $_bg-page,
    '': #222b45,
    'hover': color.scale($_bg-page, $lightness: 16%),
    'overlay': color.scale($_bg-page, $lightness: 8%),
  ),
  $box-shadow: (
    'fill': $_fill-shadow,
  )
);
@forward 'element-plus/theme-chalk/src/dark/css-vars.scss';
